<template>
    <div class="footerBottom">
        <div class="bottomBar">
            <div class="copyrightContent">
               <span><router-link  :to="{ name: 'privacy'}">{{$t('bottom.privacy')}}</router-link></span>
               <a>{{$t('bottom.copyright')}}</a>
            </div>
            <div class="newsletter">
              <a href="https://www.facebook.com/WennoWorld/" target="_blank"></a>
              <a>
                <template>
                    <viewer>
                       <img class="weixin" src="../assets/img/sweep_scan.png" >
                    </viewer>
                </template>                  
              </a>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  name: "footerBottom",
  data () {
    return {
        name:'我要测试首页234'
    }
  }
};
</script>
<style>
.footerBottom{width:100%;height:70px;background:#fff6e9;}
.bottomBar{width:96%;height:70px;margin:0px auto;}
.copyrightContent{float:left;}
.copyrightContent span a{text-align:left;}
.newsletter{width:100px;height:60px;float:right;margin-right: 0px;}
@media screen and (max-width: 768px) {
.footerBottom{height:130px;}
.copyrightContent{width:100%;padding-top:6px;}
.copyrightContent span a{width:100%;text-align:center;display:block;}
.newsletter{width: 30%;height:60px;margin-right: 35%;}
}
</style>